<template>
    <div class="bkgl">
      <p
        style="
          font-size: 20px;
          color: #000;
          border-bottom: 1px solid #ccc;
          padding: 5px;
        "
      >
      糖尿病报卡统计
      </p>
      <div class="query">
        选择地区：
        <el-select v-model="query.status" placeholder="请选择">
          <el-option label="黎明乡卫生院" value="黎明乡卫生院"> </el-option>
        </el-select>
        <div style="margin: 10px 0">
          时间选择：
          <el-date-picker v-model="query.value3" type="year" placeholder="选择年">
          </el-date-picker>
          月份：
          <el-date-picker
            v-model="query.value2"
            type="month"
            placeholder="选择月"
          >
          </el-date-picker>
          <span style="float: right"
            ><el-button type="primary" icon="el-icon-search">查询</el-button>
            <el-button icon="el-icon-refresh-left">重置</el-button></span
          >
        </div>
      </div>
      <div class="main" style="margin-top: 25px">
        <el-table
          :data="tableData"
          style="width: 100%; margin-top: 15px"
          :header-cell-style="{
            color: '#000',
            backgroundColor: 'rgb(222,234,255)',
          }"
          height="400"
          border
        >
          <el-table-column prop="" label="地区/单位"> </el-table-column>
          <el-table-column prop="" label="系统收到数"> </el-table-column>
          <el-table-column prop="" label="疾控机构手动分拣人次"> </el-table-column>
          <el-table-column prop="" label="基层医疗机构收到数"> </el-table-column>
          <el-table-column prop="" label="基层处理信息数"> </el-table-column>
          <el-table-column prop="" label="新纳入数（所选年份上报）"> </el-table-column>
          <el-table-column prop="" label="新纳入数（所有上报）"> </el-table-column>
          <el-table-column prop="" label="基层处理率"> </el-table-column>
        </el-table>
      </div>
      <div style="text-align: right; margin-top: 20px">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="query.page"
          :page-size="query.size"
          layout="prev, pager, next, jumper"
          :total="total"
        >
        </el-pagination>
      </div>
    </div>
  </template>
      
      <script>
  export default {
    data() {
      return {
        query: {
          time: [],
          page: 1,
          size: 15,
          radio1: "待分拣",
        },
        tableData: [{}],
      };
    },
    methods: {
      handleSizeChange() {},
      handleCurrentChange() {},
    },
  };
  </script>
      
      <style>
  .bkgl {
    padding: 15px;
    background-color: #fff;
    height: calc(100vh - 46px);
  }
  </style>